<#assign domain="${ctx.contextPath}" />
<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
		<meta name="renderer" content="webkit">
		<title>queryReport</title>
		<link rel="stylesheet" href="${domain}/static/css/common/bootstrap.min.css">
		<link rel="stylesheet" href="${domain}/static/css/common/base.css">
		<link rel="stylesheet" href="${domain}/static/css/common/header.css">
		<link rel="stylesheet" href="${domain}/static/css/queryReport.css">
		<script src="${domain}/static/js/jquery-3.2.1.slim.min.js"></script>
		<script src="${domain}/static/js/bootstrap.min.js"></script>
		<script src = "${domain}/static/js/jquery-3.2.1.min.js" ></script>
		<script src="${domain}/static/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="${domain}/static/css/bootstrap.css">
		<link rel="stylesheet" href="${domain}/static/css/bootstrapValidator.css">
		<script src="${domain}/static/js/bootstrapValidator.js"></script>
		<script src="${domain}/static/js/gradient-progress-bar.js"></script>
	</head>

	<body>
		<!--头部导航-->

		<div class="content">
			<!--侧边导航-->
			<div class="query-report">
				<div class="wrap">
				  <#if verifyuser.type==0>
					<p class="title"><span>反欺诈查询报告</span></p>
					 <#elseif verifyuser.type==1>
					<p class="title"><span>评分卡查询报告</span></p>
					<#else>
					<p class="title"><span>订单详情</span></p>
					</#if>
					<div class="info wrap1">
					
					<#if ver.grade==0>
<h2 class="danger-title">风险等级: <span class="num">(未知)</span> H</h2>
	<p class="progress1"><img src="../static/img/progressH.png" alt=""></p>
   
   <#else>
<h2 class="danger-title">风险等级: <span class="num">(${ver.grade})</span> H</h2>
					<div style="margin-top: 20px;margin-bottom: 50px;width: 968px;height: 20px;border-radius: 6px;overflow: hidden">
   <div class="progress-bar"></div>
   </div>
   </#if>
						
						<input type="hidden" id="ver_grade" value="${ver.grade}"/>
						
						
					</div>
					<div class="card-info wrap1">
						<!--<div>
							<h4>身份证信息</h4>
							<div style="width: 300px;height: 200px;border: 1px solid red;margin-top: 10px;"></div>
						</div>-->
						<div class="card-text">
							<h4>身份证信息</h4>
							<p>姓名：${verifyuser.name}</p>
							<p>手机号：${verifyuser.phone}</p>
							<p>银行卡号：${verifyuser.cardNumber}</p>
						</div>
					</div>
					<div class="details wrap1">
						<h4 class="server-title">详情</h4>
						
						   <#if ver.grade==6>
						   
						    <p>${ver.remarks6}:
						  <#if ver.itfin_loan_overdues==null>
						  无
					 <#else>
					 	${ver.itfin_loan_overdues}
					  </#if>
						</p>			
						   
						  <p>${ver.remarks5}:
						  <#if ver.itfin_loan_overdue_duration==null>
						  无
					 <#else>
					 	${ver.itfin_loan_overdue_duration}
					  </#if>
						</p>


                         
						   </#if>
						
						<#if ver.grade!=0>
						<p>${ver.remarks1}:
						</#if>
						
						  <#if ver.itfin_loan_overdues_7d==null>
						  无
						   <#else>
						${ver.itfin_loan_overdues_7d}</p>
						</#if>
							<#if ver.grade!=0>
						<p>${ver.remarks2}:
						<#if ver.itfin_loan_overdue_duration_7d==null>
						无
						 <#else>
						 ${ver.itfin_loan_overdue_duration_7d}
						</#if>
						
						</p>
						<p>${ver.remarks3}:${ver.itfin_loan_overdues_30d}</p>
						<p>${ver.remarks4}:
						<#if ver.itfin_loan_overdue_duration_30d==null>
						无
						 <#else>
						 ${ver.itfin_loan_overdue_duration_30d}
						 </#if>
						  </#if>
						</p>
						
					</div>
					
					<#if orderType!="1">
					<div class="appreciation wrap1">
						<h4 class="server-title">增值服务</h4>
						<ul>
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/taobao1.png" alt=""></div>
									<p class="contain"><span>淘宝信息</span></p>
									<p class="contain"><span>2元一次</span></p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/zima1.png" alt=""></div>
									<p class="contain"><span>芝麻信用</span></p>
									<p class="contain"><span>2元一次</span></p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/ycard1.png" alt=""></div>
									<p class="contain"><span>银行卡流水</span></p>
									<p class="contain"><span id='nutId'>2</span>元一次</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/xcard1.png" alt=""></div>
									<p class="contain"><span>信用卡余额账单</span></p>
									<p class="contain"><span id="nutId2">2</span>元一次</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/xuexinwang1.png" alt=""></div>
									<p class="contain"><span>学信网</span></p>
									<p class="contain"><span id="chsiId"></span>元一次</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/gongjijin1.png" alt=""></div>
									<p class="contain"><span>社保</span></p>
									<p class="contain"><span id="sheId">2</span>元一次</p>
								</a>
							</li>
							
							<li>
								<a href="javascript:void(0);">
									<div class="contain"><img src="../static/img/gongjijin1.png" alt=""></div>
									<p class="contain"><span>公积金</span></p>
									<p class="contain"><span id="gjjId">2</span>元一次</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="disclaimer wrap1">
						<h4 class="server-title">免责声明</h4>
						<p>1. 本报告仅提供经用户合法授权的第三方使用。因第三方保管不当造成个人隐私泄露的，针信科技不承担相关责任。</p>
						<p>2. 针信科技拥有本文档版权等知识产品，未经针信科技书面认可。任何单位和个人不得以任何方式复制、剪贴、修改、抄录、传播等。</p>
					
					</div>
					</#if>
					
					  <#if nextType==1>
					<div class="details wrap1">
					<div class="next" onclick="window.location.href='${domain}/antifraud/toAddInfo?id=${verifyuser.id}';" style="width:300px;margin:0 auto;display:block;">下一步</div>
			        </div>
			        
			        	</#if>
				</div>
			</div>
		
		</div>
	</body>
	<script>
	var grade=$("#ver_grade").val();
var a = grade;
if(a === "0" ) {
   b = 0
} else if(a === "1") {
   b = 1/6
}  else if(a === "2") {
   b = 2/6
} else if(a === "3") {
   b = 3/6
} else if(a === "4") {
   b = 4/6
} else if(a === "5") {
   b = 5/6
} else if(a === "6") {
   b = 1
}
$('.progress-bar').gradientProgressBar({
   value: b,
   size: 968,
   fill: {
      gradient: ["#16c750", "#abec0f", "red"]
   }
});



$.ajax({
                cache: true,
                type: "POST",
                url:"${domain}/antifraud/getShopPrice",
                data:{type:'product'},
                async: true,
                error: function(request) {
                },
                success: function(data) {
                for(var i=0;i<data.length;i++){
                 var price=data[i].price;
                  if(data[i].type==2){
                      $('#chsiId').text(price);
                  }
                  
                   if(data[i].type==3){
                      $('#gjjId').text(price);
                  }
                  
                   if(data[i].type==4){
                      $('#sheId').text(price);
                  }
                  
                   if(data[i].type==6){
                      $('#nutId').text(price);
                      $('#nutId2').text(price);
                  }
                }
               
                }
            });
	</script>

</html>